﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/example.css"/>
		<link rel="stylesheet" href="css/footer&cbl.css" />
		<link rel="stylesheet" href="css/daohang.css"/>
		<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>		
		<script type="text/javascript" src="js/bootstrap.js" ></script>
		<script type="text/javascript" src="js/hp.js"></script>
		<script type="text/javascript" src="js/templet.js" ></script>
		<title></title>
	</head>
	<body>
	<div id="main">
		<header  data-spy="affix" data-offset-top="70">
			<nav class="navbar-inverse" id="daohang">
				<div class="daohang">
					<div class="navbar-header clearfix">
						<button type="button" class="zd" id="zd" >
							<span class="glyphicon glyphicon-align-justify"></span>
						</button>
						<a href="#" class="navbar-brand"><img src="img/qifeiye.png"/></a>
					</div>
					<div class="collapse navbar-collapse" id="daohangtiao">
						<ul class="nav navbar-nav">
							<li><a href="index.html">首页</a></li>
							<li><a href="templet.html">模板</a></li>
							<li><a href="setmeal.html">套餐</a></li>
							<li><a href="example.html">案例</a></li>
							<li class="wd1"><a href="">文档</a>
								<ul class="wd2 clearfix">
									<li class="pull-left " style="width: 233px;">
										<p><a href="#" class="a1">教程中心</a></p>
										<ul class="ul1 pull-left">
											<li><a href="#">快速入门</a></li>
											<li><a href="#">绑定域名</a></li>
											<li><a href="#">网页设计</a></li>
										</ul>
										<ul class="ul2 pull-left">
											<li><a href="#">SEO相关</a></li>
											<li><a href="#">网站备案</a></li>
											<li><a href="#">商城在线</a></li>							
										</ul>
									</li>
									<li class="pull-left clearfix" style="width: 219px;">
										<p><a href="#" class="a1">版本更新日志</a></p>
										<ul class="ul1"> 
											<li><a href="#" title="系统升级日志：V4.52">系统升级日志：V4.52</a></li>
											<li><a href="#" title="系统升级日志：V4.50 & V4.51">系统升级日志：V4.50 ...</a></li>
											<li><a href="#" title="系统升级日志：V4.49">系统升级日志：V4.49</a></li>
											<li><a href="#" title="系统升级日志：V4.48">系统升级日志：V4.48</a></li>
										</ul>										
									</li>
									<li class="pull-left clearfix" style="width: 479px;">
										<p><a href="#" class="a1">建站资讯</a></p>
										<ul class="ul1">
											<li><a href="#" title="2017年响应式网站设计中字体排版的新趋势">2017年响应式网站设计中字...</a></li>
											<li><a href="#" title="如何提高网站的设计感？巧妙的几何图案是个捷径">如何提高网站的设计感？巧妙的...</a></li>
											<li><a href="#" title="什么是响应式网页布局? 给你五个最经典的例子">什么是响应式网页布局? 给你...</a></li>
											<li><a href="#" title="干货分享: 几何设计学原理の黄金分割在网页设计中应用">干货分享: 几何设计学原理の...</a></li>
										</ul>										
									</li>
								</ul>
							</li>
							<li class="gy1"><a href="">关于</a>
								<ul class="gy2 clearfix">
									<li class="pull-left clearfix" style="width: 130px;">
										<p><a href="#" class="a1">公司介绍</a></p>
										<ul class="ul1">
											<li><a href="#">公司介绍</a></li>
											<li><a href="#">服务条款</a></li>
											<li><a href="#">法律声明</a></li>
											<li><a href="#">可接受服务</a></li>
											<li><a href="#">免责声明</a></li>
										</ul>										
									</li>
									<li class="pull-left clearfix" style="width: 330px;">
										<p><a href="#" class="a1">荣誉资质</a></p>
										<table >
											<tr>
												<td><a href="#" class="a2"><img src="img/gy04.jpg"/></td>
												<td><a href="#" class="a2"><img src="img/gy01.jpg"/></td>
											</tr>
											<tr>
												<td><a href="#" class="a2"><img src="img/gy03.jpg"/></td>
												<td><a href="#" class="a2"><img src="img/gy02.jpg"/></td>
											</tr>
										</table>
									</li>
									<li class="lianxi pull-left clearfix" style="width: 478px;">
										<p><a href="#" class="a1">联系客服</a></p>
										<ul class="col-lg-12 col-md-12">
											<li><a href="#" class="aa1">客户服务热线</a></li>
											<li><a href="#" class="aa2">4006-285-729</a></li>
											<li><a href="#" class="aa1">QQ客户中心</a></li>
											<li><a href="#" class="aa2">800088546</a></li>
											<li><a href="#" class="aa1">公司地址</a></li>
											<li><a href="#" class="aa2">苏州市工业园区加成大厦F4-D2</a></li>
										</ul>										
									</li>
								</ul>
							</li>
								
						</ul>
						<ul class="zcdl nav navbar-nav pull-right">
							<li><a href="login.html">登录</a></li>
							<li><a href="register.html">注册</a></li>
						</ul>
					</div>					
				</div>
				<div id="box">
					<div class="box1 col-sm-2 col-xs-2">
						<span id="X" class="glyphicon glyphicon-remove pull-right" ></span>
					</div>
					<div class="box2 col-sm-10 col-xs-10" >
						<ul id="ul1"class="clearfix">
							<li><a href="index.html">首页</a></li>
							<li><a href="templet.html">模板</a></li>
							<li><a href="setmeal.html">套餐</a></li>
							<li><a href="example.html">案例</a></li>
							<li id="wd"><a>文档<i class="glyphicon glyphicon-menu-right"></i></a></li>
							<li id="gy"><a>关于<i class="glyphicon glyphicon-menu-right"></i></a></li>
						</ul>
						<div id="wd1">
							<ul>
								<li id="fanhui1"><a>返回上一级</a></li>
								<li><a>教程中心</a></li>
								<li><a>建站资讯</a></li>
								<li><a>更新日志</a></li>
							</ul>
						</div>
						<div id="gy1" >
							<ul id="ul2">
								<li id="fanhui2"><a>返回上一级</a></li>
								<li id="gcxx"><a>公司信息<i class="glyphicon glyphicon-menu-right"></i></a></li>
								<li><a>荣誉资质</a></li>
								<li><a>联系客服</a></li>
							</ul>
						</div>
						<div id="gc" >
							<ul >
								<li id="fanhui3"><a>返回上一级</a></li>
								<li><a>公司介绍</a></li>
								<li><a>服务条款</a></li>
								<li><a>法律声明</a></li>
								<li><a>可接受服务</a></li>
								<li><a>免责声明</a></li>
							</ul>
						</div>
					</div>
				</div>
			</nav>
		</header>
		<div class="main">
			<div class="e1">
				<div class="e1-1">
					<div class="e1-1-1 ">
						<div class="e1-1-1a container">
							<img src="img/p4-2.png" class="img-responsive" width="234" height="56"/><br />
							<span>起飞页是当今最领先的响应式自助建站平台，流线式网页布局设计方案，可视化图文内容编辑模式，它让网站制作和维护成为一件轻松惬意的事。无论是普通互联网用户还是专业网站制作人员，都能使用起飞页设计出最具专业水准的网站。</span>	
							<br><a>现在注册</a>
						</div>
					</div>
			    </div>
			    <div class="e1-2">
			    	<div class="e1-2-1">
						<div class="e1-2-1a container">
							<span>用户作品展示</span>	
							<br>
							<p>众多不懂编程的用户使用起飞页自助建站平台做出了效果非凡的网站。</p>
							<p>也许，您也可以和他们一样出色！</p>
						</div>
					</div>
			    </div>
			</div>
			<div class="e2 clearfix">
				<div class="e2-1 col-lg-2 col-md-2">
					<ul class="eul1">
						<li><span class="active"><b class="glyphicon glyphicon-play"></b> 所有案例</span></li>
						<li><span><b class="glyphicon glyphicon-play"></b> 按功能分类</span>
							<ul class="eul2">
								<li><a><b class="glyphicon glyphicon-play"></b> 企业展示</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 产品、作品...</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 个人展示</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 博客</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 在线商城</a></li>
							</ul>
						</li>
						<li><span><b class="glyphicon glyphicon-play"></b> 按行业分类</span>
							<ul class="eul2">
								<li><a><b class="glyphicon glyphicon-play"></b> 企业服务</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 文化机构</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> IT</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 贸易</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 金融</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 图媒</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 家居</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 旅游</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 法律服务</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 生物科技</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 能源</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 餐饮</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 汽车服务</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 公益</a></li>
							</ul>
						</li>
						<li><span><b class="glyphicon glyphicon-play"></b> 按语言分类</span>
							<ul class="eul2">
								<li><a><b class="glyphicon glyphicon-play"></b> 英语</a></li>
								<li><a><b class="glyphicon glyphicon-play"></b> 日语</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="e2-2 col-lg-10 col-md-10 col-sm-12 col-xs-12 clearfix">
					<div class="e2-2-1">
						<div>
							<div class="e2-2-1-menu" data-toggle="collapse" data-target="#nav">按分类浏览<i class="glyphicon glyphicon-menu-down pull-right"></i></div>
							<nav  id="nav" class="collapse" >
							<li><b class="glyphicon glyphicon-play"></b> 所有案例</li>
							<li data-toggle="collapse" data-target="#e2ul1" ><b class="glyphicon glyphicon-play"></b> 按功能分类<i class="glyphicon glyphicon-menu-down pull-right"></i>
								<ul id="e2ul1" class="e2ul collapse" >
									<li><b class="glyphicon glyphicon-play"></b> 企业展示</li>
									<li><b class="glyphicon glyphicon-play"></b> 产品、作品...</li>
									<li><b class="glyphicon glyphicon-play"></b> 个人展示</li>
									<li><b class="glyphicon glyphicon-play"></b> 博客</li>
									<li><b class="glyphicon glyphicon-play"></b> 在线商城</li>
								</ul>
							</li>
							<li data-toggle="collapse" data-target="#e2ul2"><b class="glyphicon glyphicon-play"></b> 按行业分类<i class="glyphicon glyphicon-menu-down pull-right"></i>
								<ul id="e2ul2" class="e2ul collapse">
									<li><b class="glyphicon glyphicon-play"></b> 企业服务</li>
									<li><b class="glyphicon glyphicon-play"></b> 文化机构</li>
									<li><b class="glyphicon glyphicon-play"></b> IT</li>
									<li><b class="glyphicon glyphicon-play"></b> 贸易</li>
									<li><b class="glyphicon glyphicon-play"></b> 金融</li>
									<li><b class="glyphicon glyphicon-play"></b> 图媒</li>
									<li><b class="glyphicon glyphicon-play"></b> 家居</li>
									<li><b class="glyphicon glyphicon-play"></b> 旅游</li>
									<li><b class="glyphicon glyphicon-play"></b> 法律服务</li>
									<li><b class="glyphicon glyphicon-play"></b> 生物科技</li>
									<li><b class="glyphicon glyphicon-play"></b> 能源</li>
									<li><b class="glyphicon glyphicon-play"></b> 餐饮</li>
									<li><b class="glyphicon glyphicon-play"></b> 汽车服务</li>
									<li><b class="glyphicon glyphicon-play"></b> 公益</li>
							</ul>
							</li>
							<li data-toggle="collapse" data-target="#e2ul3"><b class="glyphicon glyphicon-play"></b> 按语言分类<i class="glyphicon glyphicon-menu-down pull-right"></i>
								<ul id="e2ul3" class="e2ul collapse">
									<li><b class="glyphicon glyphicon-play"></b> 英语</li>
									<li><b class="glyphicon glyphicon-play"></b> 日语</li>
							</ul>
							</li>
							</nav>
						</div>							
					</div>		
					<div class="e2-2-2 col-lg-12 col-md-12 col-sm-12 col-xs-12 clearfix">
						<!--<div class="e2-2-2-anli col-lg-6 col-md-6 col-sm-6 col-xs-6" style="background: skyblue;">
							<div class="e2-2-2-img">
								<a title="新森品牌设计"><img src="img/p4-4.png" class="img-responsive"/></a>
							</div>
							<div class="e2-2-2-w">
								<span><a title="新森品牌设计">新森品牌设计</a></span>
								<p>大陆三区</p>								
							</div>					
						</div>-->								
					</div>
					<div class="e2-2-3 col-lg-12 col-md-12 col-sm-12 col-xs-12">
						<a>查看更多作品</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="footer">
			<div class="f1">
				<div class="container">
					<div class="ff1 col-lg-4 col-md-4 col-sm-12 col-xs-12">
						<div class="ff1-1">起飞页 · 优雅做网站</div>
						<div class="ff1-2">2014年起，专注于响应式建站领域。起飞页是目前国内最专业、最领先的响应式建站平台。</div>
						<div class="ff1-3">
							<p>Q Q客服：800088546</p>
							<p>客服热线：4006-285-729 / 0512-62969169</p>
						</div>
						<div class="ff1-4">
							<p>合作伙伴:</p>
							<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (1).png"></div>
							<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (4).png"></div>
							<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (2).png"></div>
							<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3"><img src="img/p1-25 (3).png"></div>							
						</div>
					</div>
					<div class="ff2 col-lg-8 col-md-8">
						<div class="col-lg-2 col-md-2">
							<div class="ff2-1"><p>公司信息</p></div>
							<p><a href="#">公司介绍</a></p>
							<p><a href="#">服务条款</a></p>
							<p><a href="#">法律声明</a></p>
							<p><a href="#">可接受服务</a></p>
							<p><a href="#">免责声明</a></p>
						</div>
						<div class="col-lg-2 col-md-2">
							<div class="ff2-1"><p>技术支持</p></div>
							<p><a href="#">联系客服</a></p>
							<p><a href="#">建站教程</a></p>
							<p><a href="#">更新日志</a></p>
							<p><a href="#">博客</a></p>
							<p><a>免责声明</a></p>
						</div>
						<div class="col-lg-4 col-md-4">
							<div class="ff2-1"><p>快速入口</p></div>
							<p><a href="#">提交域名备案流程</a></p>
							<p><a href="#">申请域名设定服务</a></p>
							<p><a href="#">在线格式转换</a></p>
							<p><a href="#">检测网站为什么打不开</a></p>
							<p><a href="#">检测网站为什么打开很慢</a></p>
						</div>
						<div class="col-lg-4 col-md-4" style="padding-right: 0;">
							<div class="ff2-1"><p>最新资讯</p></div>
							<p><a href="#">干货分享: 几何设计学原理の黄金分割在网...</a></p>
							<p><a href="#">系统升级日志: V4.52</a></p>
							<p><a href="#">如何改善网站留给用户的第一印象？（下）</a></p>
							<p><a href="#">如何改善网站留给用户的第一印象？（上）</a></p>
							<p><a href="#">多彩字体指南：让新手也能快速体验网页缤纷...</a></p>
						</div>
					</div>
				</div>
								
			</div>
			<div class="f2">
				<div class="container">
					<hr style="width: 100%;border: none;height: 1px;background-color: #E2E2E2;"/>
					<p>拓展您的业务，展示您的风采，或者只是尝试一下新的想法。 起飞页自助建站平台，拉近您与互联网的距离！</p>
					<hr style="width: 100%;border: none;height: 1px;background-color: #E2E2E2;"/>
					<p>版权所有 2013-2017 苏州卡达网络科技有限公司   增值电信业务经营许可证苏B2-20150321 苏ICP备09008221号-3 版本: V3.6</p>
				</div>
			</div>
		</div>
		
	
		<ul class="cbl" >
			<li><a href="#">
				<div class="icon d1"><i class="i1"></i><span class="title">在线客服</span></div>
			</a></li>
			<i class="clearfix"></i>
			<li><a href="#">
				<div class="icon d2"><i class="i2"></i><span class="title">4006285729</span></div>
			</a></li>
			<i class="clearfix"></i>
			<li><a  href="#">
				<div class="icon"><i class="i3"></i><span class="title">教程中心</span></div>
			</a></li>
			<i class="clearfix"></i>
			<li ><a  href="#">
				<div class="icon d4" data-toggle="tooltip" data-placement = "left" title="<img src='img/erweima.png'><br/> 关注微信 " data-html="true"><i class="i4"></i></div>
			</a></li>
		</ul>
	</div>
	</body>
</html>
